<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form标签</title>
</head>
<body>
    <h1>form标签的重要属性</h1>
    <ul>
        <li>target：提交目标，和a标签的target属性一样用法。_blank（新窗口），_self（默认），_top，_parent，iframe的name（在iframe中打开结界）</li>
        <li>action：提交地址，指名提交的服务器地址，服务器收到提交请求（会将form里面所有表单项的信息一同提交）之后，会返回一个结果，浏览器解析该结果，更新页面</li>
        <li>
            method：提交方法，POST、GET（默认）两个值
            <dl>
                <dt>POST请求</dt>
                <dd>POST请求含有请求体</dd>
                <dd>POST请求的参数在请求体当中</dd>
                <dd><strong>POST请求的参数在地址栏不可见</strong></dd>
                <dd><strong>POST请求的理论上可以上传无限大的数据（通常后端服务器会限制）</strong></dd>
                <dt>GET请求</dt>
                <dd>a标签，地址栏输入，都是GET请求</dd>
                <dd>GET不含有请求体</dd>
                <dd><strong>GET请求的参数在地址栏中，直接可见</strong></dd>
                <dd><strong>GET请求相对而言数据大小较小（根据浏览器以及后端服务器容器不同会有不同）</strong></dd>
            </dl>
        </li>
        <li>enctype：提交格式
            <dl>
                <dt>application/x-www-form-urlencoded（默认格式）</dt>
                <dd>参数以?参数1=值1&参数2=值2的格式提交</dd>
                <dt>multipart/form-data（文件上传）</dt>
                <dd>表单要上传文件时，必须修改为此值</dd>
                <dd>表单要文件上传，必须使用POST提交</dd>
            </dl>
        </li>
    </ul>
    <div>
        <a href="http://www.baidu.com/s?wd=越西" target="_blank">百度一下</a>
        <a href="http://www.baidu.com" target="myIframe">在框架中打开百度</a>
        <iframe src="03-02子框架.html" name="myIframe"></iframe>
    </div>
    <form id="myForm" action="#" method="get" enctype="text/plain">
        <input type="text" name="wd"/>
        <input type="text" name="wd2"/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>